@import "../common";

.navbar-brand {
  font-size: 26px;
  letter-spacing: 0.05em;
  white-space: nowrap;

  .tag {
    border: 1px solid #fff;
    border-radius: 2px;
    cursor: default;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin-left: 1em;
    padding: 0.15em 0.5em;
    vertical-align: 0.3em;
  }

  @include media-breakpoint-down(sm) {
    font-size: 20px;
    text-align: center;
    .title {
      display: block;
      line-height: 1.2;
    }
    .tag {
      display: block;
      margin: 0.15em 0 0;
      vertical-align: middle;
    }
  }
}

.navbar-collapse:not(.show) {
  justify-content: flex-end;

  .nav-item {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 10px 10px 8px;
    @include hover-focus {
      background: initial;
      border-color: rgba($navbar-dark-hover-color, 0.6);
      color: white;
    }
  }
}


.navbar-toggler-icon {
  vertical-align: -.5em;
}

.navbar-toggler-label {
  font-size: 80%;
}

.debug-msg {
  text-align: center;
  background: theme-color-level(danger, -9);
  border-bottom: 2px solid theme-color-level(danger, -4);
}
